* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

html {
    overflow: hidden;
}
// 每一行的数量
$n: 9;
// 每个块的尺寸
$size: 100vw / $n;
// .container{
//     margin-top: $size/6;
// }
.line {
    display: flex;
    margin-top: -$size/6;
    &:nth-child(even) {
        transform: translateX(-$size/2);
    }
}
.item {
    width: $size;
    height: $size;
    flex-shrink: 0;
    background: #888383;
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    transition: 0.3s;
    opacity: 0.8;
}
